﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
</head>
<body>
    <div style="position: absolute; z-index: 2; width: 100%;">
        <div class="head">
            @if (ViewBag.V != "weixin")
            {
                <a id="headNav" class="togglemore" href="javascript:;" style="float: right;" onclick=" disNav(); ">导航</a>
                <a href="/Wap/index/@ViewBag.StationNum" class="home"></a>
            }
            @ViewBag.Title
        </div>
        <div id="navPop" class="navPop">
            <div class="navBox">
                <h2>预报预警</h2>
                <div class="navList">
                    <a href="/Wap/Weather/@ViewBag.StationNum/0">短临预报</a>
                    <a href="/Wap/Weather/@ViewBag.StationNum/1">短期预报</a> 
                    <a href="/Wap/Weather/@ViewBag.StationNum/2">一周预报</a> 
                    <a href="/Wap/Weather/@ViewBag.StationNum/8">空气质量</a> 
                    <a href="/Wap/Weather/@ViewBag.StationNum/9">预警信号</a>
                    <a href="/Wap/Weather/@ViewBag.StationNum/11">台风信息</a>
                </div>
            </div>
            <div class="navBox">
                <h2>生活气象</h2>
                <div class="navList">
                    <a href="/Wap/Weather/@ViewBag.StationNum/4">生活提示</a> 
                    <a href="/Wap/Weather/@ViewBag.StationNum/6">历史上的今天</a> 
                    <a href="/Wap/Weather/@ViewBag.StationNum/7">昨日天气实况</a> 
                </div>
            </div>
            <div class="navBox">
                <h2>天气监测</h2>
                <div class="navList">
                    <a href="/Wap/Map/@ViewBag.StationNum/Temp">实况监测</a> 
                    <a href="/Wap/RainSurvey/@ViewBag.StationNum">雨量监测</a> 
                    <a href="/Wap/Probe/@ViewBag.StationNum/Radar">雷达监测</a>
                    <a href="/Wap/Probe/@ViewBag.StationNum/Cloud">卫星云图</a> 
                    <a href="/Wap/Environment/@ViewBag.StationNum">环境监测</a> 
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <script type="text/javascript">
            function disNav() {
                if (document.getElementById("navPop").style.display == "block")
                    document.getElementById("navPop").style.display = "none";
                else
                    document.getElementById("navPop").style.display = "block";
            }
            function hideNav(ev) {
                var target = ev.target;
                if (target.id != "headNav" && target.tagName != "A") {
                    document.getElementById("navPop").style.display = "none";
                }
            }
            document.addEventListener('mousedown', hideNav, false);
        </script>
        <div id="artMain">
            @RenderBody()
        </div>
        <div class="footer">
            @if (@ViewBag.StationNum == "58553")
            {
                <p>
                    <span><a href="http://syqx.net" target="_blank">上虞气象信息网</a></span>
                    <span><a href="http://weibo.com/syqxj" target="_blank">新浪官方微博</a></span>
                    <span><a href="http://61.164.175.158:8325/wap/index/58553" target="_blank">手机WAP网站</a></span>
                    <span><a id="showWeixin" href="javascript:void(0);">微信二维码</a></span>
                </p>   
            }
            <p>Copyright© 2014 @Html.Raw(@ViewBag.StationName)气象局</p>
        </div>
    </div>
    @Scripts.Render("~/bundles/jquery")
    <script type="text/javascript" src="/Scripts/jquery.powerfloat/jquery.powerfloat.js"></script>
    @RenderSection("scripts", required: false)
    <script>
        $(document).ready(function () {
            //显示微信号图片
            $("#showWeixin").powerFloat({
                eventType: "click",
                target: "/Content/Images/weather/weixin_58553.png",
                targetMode: "ajax"
            });
        });
    </script>
    
</body>
</html>
